<template>
    <div class="about_section">
        <div class="top">
            <div class="w">
                <p><el-icon class="icon"><Notebook /></el-icon>关于我们</p>
            </div>
        </div>
        <section>
            <div class="w">
                <div class="b">Store <b>（参考小米商城）</b></div>
                <div class="b sma"><b>前言</b></div>
                <div class="cont">
                    2020年寒假尤其特殊，因为新型冠状病毒肺炎疫情，学校至今没有开学。想起上学期利用课余时间学习了Vue.js、Node.js，一直想做个完整的项目实战一下，但之前在学校并没有那么多的时间。现在恰好有时间，就想着做一个项目巩固之前学到的东西。<br><br>

                    思来想去，最后决定模仿 <a href="Javascript:;">小米商城</a> 做一个电商项目。可能时间隔得有点久了，之前学的东西很多都差不多忘记了，做这个项目基本上都是看着官方的文档一点一点做的。在家里也免不了有各种各样的事情耽误了项目的进度。现在终于差不多做好了，分享出来，新手上路，如有错误，请多多指教。
                </div>
                <div class="b sma"><b>说明</b></div>
                <div class="cont">
                    本项目前后端分离，前端参考 <a href="Javascript:;">小米商城</a> 实现，但与小米官方没有关系，纯属个人瞎搞，若需要购买小米产品请到小米官方商城。<br><br>

                    这是本项目的前端，后端请移步到store-server 。<br>

                    前端已经部署在阿里云，欢迎访问 http://106.15.179.105/ （没有兼容移动端，请使用电脑访问）。<br>

                    后端也已经部署在阿里云，接口地址已经修改为线上地址，本地运行前端也可以正常访问后端。<br>

                    本人在读本科大三，今年暑假即将开始实习，后面的时间可能没有那么的自由，但会不定期的更新完善该项目，如有问题请直接在 Issues 中提。<br>

                    如果觉得这个项目还不错，您可以点右上角 Star支持一下， 谢谢！ _
                </div>
            </div>
        </section>
    </div>
</template>
<script setup>
import { Notebook } from '@element-plus/icons-vue'
</script>
<style lang="scss" scoped>
    .top{
        padding-top: 30px;
        padding-bottom: 10px;
        border-bottom: 2px solid orangered;
        p{
            font-size: 26px;
            .icon{
                color: orangered;
                margin-right: 10px;
                float: left;
                margin-top: 4px;
            }
        }
    }
    section{
        width: 100%;
        background: rgb(235, 235, 235);
        .w{
            background: #fff;
            padding: 20px 30px;
            .b{
                font-size: 30px;
                padding-bottom: 10px;
                border-bottom: 1px solid rgb(219, 219, 219);
            }
            .sma{
                font-size: 24px;
                padding-top: 20px;
            }
            .cont{
                line-height: 24px;
                font-size: 16px;
                padding: 20px 0;
            }
        }
    }
</style>